/*index.css*/
/*t_warp开始*/
.banner-swiper{/* height:100%; */}
.banner-swiper img{width: 100%;}
.index-item01{ padding: 10.5% 0; position: relative;}
.index-tit01{ font-size:2em; color:#111; margin-bottom: 1%; margin-top: 1%;    text-align: center;}
.index-smtit01{ font-size:15px; color: #333; margin-bottom:3%;    text-align: center;}
.list{ background:#cccccc; height: 100%; padding:22px; color: #111; margin: 0 5px;}
.list_tit{ font-size: 18px; font-weight: 600; overflow: hidden;}
.list_smtit{ font-size: 13px; margin-bottom: 10px; height: 18px; overflow: hidden;}
.list_mo{ 
	display:block;
	width: 62px; 
	height: 24px; 
	line-height: 20px;
	border: 1px solid #111; 
	font-size: 10px; 
	color:#111;
	text-align: center;
	margin-bottom: 7%;
}
.swiper-slide a{position:relative;display:inline-block;vertical-align: top;width:100%;height:100%;}
.swiper-slide a span{position:absolute;z-index: 100;font-size:1.5em;text-decoration: underline;font-weight:normal;display:none;}

/*
.swiper-slide.banner1 a span{top:64%;left:16.5%;color:#000;}
.swiper-slide.banner4 a span{top:45%;left:30.3%;color:#00acfb;}
*/
.swiper-slide.banner1 a span{top:45%;left:30.3%;color:#00acfb;}
.swiper-slide.banner2 a span{top:68%;left:11%;color:#00acfb;}
.swiper-slide.banner3 a span{top:82.5%;left:48.5%;color:#00acfb;}
.swiper-slide.banner4 a span{top:64%;left:16.5%;color:#000;}
.swiper-slide.banner5 a span{top:54%;left:48.5%;color:#00acfb;}
.swiper-slide a span:hover{color:#00acfb}
.index-item01>.po_list{ display: none;}

.list_tudiv{
	 display: block; margin: 5% auto; padding-bottom:0;width:100%;
}
.list_tudiv .list_img{ width:100%;}

.list,.list_tit,.list_smtit{-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s; }
.list:hover{ background: #58595b;}
.list:hover .list_tit{ color: #fff;}
.list:hover .list_smtit{ color: #fff;}
.list:hover .list_mo{ color: #fff; border: 1px solid #fff;}
.left>span{ position:absolute; top: 42%; left: -92px; width: 28px; height: 52px; background: url("../images/prev.png"/*tpa=http://www.hank-tech.com/images/prev.png*/) no-repeat;}
.right>span{position:absolute; top: 42%; right: -92px; width: 28px; height: 52px; background: url("../images/next.png"/*tpa=http://www.hank-tech.com/images/next.png*/) no-repeat;}
.left>span:hover{background: url("../images/prev1.png"/*tpa=http://www.hank-tech.com/images/prev1.png*/) no-repeat;}
.right>span:hover{background: url("../images/next1.png"/*tpa=http://www.hank-tech.com/images/next1.png*/) no-repeat;}
.index-item02{padding: 5% 0 0 0; background: #d9d9d9; color:#fff; position: relative;margin-top: 1%}
@media screen and (max-width:1440px){
	.index-item01{padding:8.7% 0 0 0}
	.index-item02{padding:8.7% 0 0 0;margin-top: 0}
}
/*@media screen and (max-width:1360px){
	.index-item01{padding:8% 0 0 0}
	.index-item02{padding:% 0 0 0;margin-top: 0}
}*/

.index-item02>.po_list{ display: none;}
.index_t40{ width: 39.25%; text-align: left;float: left;margin-bottom: 2%; margin-top: 2%;}
.index-tit02{ font-size: 26px;font-family: "微软雅黑";  color: #494949;}
.index-smtit02{ font-size: 13px; line-height: 24px; text-align: left; margin-bottom:4%; color:#111;}
.index-titss{ width: 100%; color:#000; font-family: "微软雅黑";}
.index-titss_left{ display: inline-block; float: left; margin-right:5%; margin-bottom:5%; font-size: 13px;}
.index-titss_right{display: inline-block; float: right; margin-right: 8%; font-size: 13px;}
.index-titss:after{
    content:"";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
 }
.index-timg{ width: 23%; float: left; margin:2% 1.25% 2% 0;  }
.index-timg .index_box{position: relative; top: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s;padding:4px;background: #b5b5b5;}
/*.index-timg .index_box:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}*/
.index-timg .index_box:hover a.index-timg_p{color:#00acfb; text-decoration: none}
/*.index-timg .index_box a>.yinb{ 
	position: absolute; 
	top: 0;left: 0; 
	width: 100%; 
	height: 100%; 
	display: none;*/
	/*background: #fff;*/
	/*background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);*/
	/*background:rgba(0,0,0,.2);
	opacity: 1;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}*/
/*.index-timg .index_box a:hover>.yinb{
	opacity: 1;
	display: block;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}*/
/*.index-timg:hover .index_box{box-shadow:0px 0px 10px #fff;-webkit-box-shadow:0px 0px 10px #fff;top:-5px;}*/
.index-timg:nth-child(3){ margin-left: 1.25%;}
.index-timg:nth-child(5){ margin-right: 0;}
.index-timg:nth-child(6){ margin-left: 0;}
.index-timg:nth-child(10){ margin-right: 0;}
.index-timg img{ display: block; width: 100%;}
.index-timg_p{ display: block; text-align: center; height: 42px; line-height: 42px; font-size: 15px; color: #000;}

.banner1_pn{ position: absolute; top: 40%; display: none;}
.banner1_pn h2{ font-size: 48px; display: none;}
.po_list{ width: 100%; background: rgba(0,0,0,.5); height: 44px; position: fixed; bottom:0; z-index: 1;}
.L_B{ height: 44px; width: 50%;position: relative;}
.leftBox{ width:60%;height:44px; overflow:hidden;}
.leftBox li{ width:100%;height:44px; line-height: 44px; overflow:hidden;white-space:nowrap;vertical-align:bottom; zoom:1;}
.leftBox li a{ color:#fff;display:inline-block;z-index: 1000}
.leftBox li a:hover{color:#00acfb}
.leftBox li span{ display: inline-block;  margin-right:8px;width: 17px; height: 12px; background: url("../images/index_notice_t.png"/*tpa=http://www.hank-tech.com/images/index_notice_t.png*/) no-repeat center;background-size:100%}
.leftBox li p{ display: inline-block; color: #fff; padding-left:10%;}
.swiper-pagination{padding-top: 15px;}
.swiper-pagination>span{ width: 50px; height: 2px; background: #fff; margin-right: 10px;}
.swiper-pagination>span.swiper-pagination-bullet-active{ background: #00acfb;}

.index-item03{background: #58595b;font-family: "微软雅黑"; padding: 9% 0; position: relative; height: 100%;}
.index-item03>.po_list{ display: none;}
.index_tit03{ font-size: 36px; text-align: center;  margin-bottom:2%; color: #f0f0f0;margin-top: 0%;}
.index_smtit03{ font-size: 13px; line-height: 24px; text-align: center; margin-bottom: 3%; color: #c3c4c4;}
.map{ width: 904px; height:500px; background: url("../images/fer_d_bj.png"/*tpa=http://www.hank-tech.com/images/fer_d_bj.png*/) no-repeat; position: relative; margin: auto;}
.map img{/* width: 60%; */margin: 0 auto; display: block;}
.map .map_dian{ width: 904px; height:500px; margin: auto;;}
.map .map_dian li{ position: absolute; z-index: 2}
.map .map_dian li:nth-child(1){ top: 19%; left: 25%;}
.map .map_dian li:nth-child(2){ top:13%; left:9%;}
.map .map_dian li:nth-child(3){ top: 27%; left: 5%;}
.map .map_dian li:nth-child(4){top: 29%; left: 6%;}
.map .map_dian li:nth-child(5){top: 33%; left: 4.8%;}
.map .map_dian li:nth-child(6){top: 38%; left: 9%;}
.map .map_dian li:nth-child(7){top: 48%;left: 27%;}
.map .map_dian li:nth-child(8){top: 74%;left: 9%;}
.map .map_dian li:nth-child(9){top: 47%;left: 35%;}
.map .map_dian li:nth-child(10){top: 49%;left: 34%;}
.map .map_dian li:nth-child(11){top: 75%;left: 42%;}
.map .map_dian li:nth-child(12){top: 41.5%;left: 44%;}
.map .map_dian li:nth-child(13){top: 22%;left: 77%;}
.map .map_dian li:nth-child(14){top: 37%; left: 80%;}
.map .map_dian li:nth-child(15){top: 69%;left: 92%;}
.map .map_dian li:nth-child(15) p{ position: absolute; left:12px}
.map .map_dian li:nth-child(16){top: 57%;left: 35%;}
.map .map_dian li:nth-child(16) p{ position: absolute;top:8px;}
.map .map_dian li>p{ display: inline-block; width:100%; font-size: 12px;}
.map .map_dian li a{ width:8px;height: 8px; display: block; background: #4f4b4c; border-radius: 50%; position: absolute; left: 50%}
.map .map_dian li:nth-child(4) a{ position: absolute; top: 20px; left: 26px;}
.map .map_dian li:nth-child(4) p{ position: absolute; top: 6px; left: 30px;}
.map .map_dian li:nth-child(5) a{ position: absolute; top: 15px; left: 20px;}
.map .map_dian li:nth-child(5) p{ position: absolute; top: 8px; left: -30px;}
.map .map_dian li:nth-child(6) a{ position: absolute; top: 10px; left: 6px;}
.map .map_dian li:nth-child(6) p{ position: absolute; top: 20px; left: 0;}
.map .map_dian li:nth-child(9) a{ position: absolute; top:10px; left:20px; background: #0aaeee;}
.map .map_dian li:nth-child(9)>p{ position: absolute; top:-10px; display: inline-block; color: #0aaeee}
.map .map_dian li:nth-child(10) a{ position: absolute; top:16px; left: 30px;}
.map .map_dian li:nth-child(10) p{ position: absolute; top:20px; display: inline-block;}

.map_jiantou{
	display: inline-block;
	position: absolute;
	top: -30px;
    left: -50px;
	z-index: 2;
	color:#fff;
	display: none;
	width: 250px;
}
.map_jiantou1{
	display: inline-block;
	position: absolute;
	top: -150px;
	left: -90px;
	z-index: 2;
	color:#fff;
	display: none;
	width: 280px;
}
.map_jiantou1 h4{ position: absolute; top:10px; left: 10px; color: #00acfb; font-size: 12px}
.map_jiantou1 p{position: absolute; top:0; left: 0; font-size: 8px;color:#898989; text-align: left; font-weight: 100;}
.map_jiantou p{ width: 50px;white-space:nowrap;}
.map_jiantou1 img{ width: 100%;display:none;}
.map .map_dian li:hover .map_jiantou{display: block;}
.index-item03 .footer{position:absolute;bottom:0;left:0;z-index:3;}
.sz:hover .map_jiantou1 img{display:block;}
.map_2{     width: 60%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 20%;
}
.map_2_bj1{
	width: 198px;
	height: 206px;
	position: absolute;
	top: 221px;
	left: -172px;
	z-index: 1;
}
.map_2_bj1 img {
	display: block;
	width: 100%;
	height: 100%;
}
.map_2_bj2{
	width: 263px;
	height: 228px;
	position: absolute;
	top: 4px;
	left: -184px;
	z-index: 1;
}
.map_2_bj2 img {
	display: block;
	width: 100%;
	height: 100%;
}
.map_2_bj3{
	width: 448px;
	height: 356px;
	position: absolute;
	top: 0px;
	left: -70px;
}
.map_2_bj3 img {
	display: block;
	width: 100%;
	height: 100%;
}
.map_2_bj4{
	width: 305px;
	height: 279px;
	position: absolute;
	top: 30px;
	right: -137px;
}
.map_2_bj4 img {
	display: block;
	width: 100%;
	height:100%;
}
.bl{color:#FFF;font-size: 16px;opacity:0;filter:alpha(opacity=0);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;position:absolute}
.map_2_bj1 .bl{top:90px;left:100px;}
.map_2_bj2 .bl{top:120px;left:100px;}
.map_2_bj3 .bl{top:150px;left:190px;}
.map_2_bj4 .bl{top:117px;left:100px;}
.map_2_bj5 .bl{top:370px;left:400px;}
/*.map_2_bj5{width:}*/
.map_2_bj5 img{position:absolute}
.map_2_bj5 .img1{top:329px;left:176px;}
.map_2_bj5 .img2{top:295px;left:598px;}

.map_2_hover img{opacity:0;filter:alpha(opacity=0);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.map_2_hover:hover img,.map_2_hover:hover .bl{opacity:1;filter:alpha(opacity=100)}

@media (min-width: 768px){
	.index-timg:nth-child(6){ margin-left:1.25%;}
	.index-timg:nth-child(8){ margin-right:0;}
	.index-timg:nth-child(9){ margin-left:1.25%;}
	.index-titss_right{ float: left;}
	.container{padding-right: 80px; padding-left: 80px;}
	.list{ margin-bottom:10%;}
	.footer>.container{padding-right: 15px; padding-left: 15px;}
	
}
@media (max-width:768px){
	.m30{ margin-bottom: 20px;}
	.left>span{left:-42px}
	.right>span{ right: -42px;}
	.col-xs-6{padding-right: 5px;
    padding-left: 5px;}
	.index-tit01{ font-size: 2em; margin-left: -30px; margin-right: -40px;}
	.index-smtit01{margin-left: -30px; margin-right: -40px; font-size: 12px;}
	.list{padding:6px 8px; height: 100%;}
	.item>.row{margin-right: -5px; margin-left: -5px;}
	.list_tit{font-size: 13px; margin-bottom: 6px;}
	.list_smtit{ margin-bottom: 8px; font-size: 12px;}
	.list_mo{ margin-bottom: 7px;}
	.list_tudiv{
		width:100%;
	}
	.index-tit02{ font-size: 2em; padding-left: 10px;}
	.index_t40{ width: 100%; padding-left: 10px;}
	.index-titss_right{ width: 100%;}
	.index-timg{     width: 98%;
    position: absolute;
    top: 88%;
    margin: 2% 1%;}
    .index-smtit02{ margin-bottom: 4%;}
	.index-timg:nth-child(3) { margin-left: 1%;}
	.index-timg:nth-child(5){ margin-right: 1%;}
.index-timg:nth-child(6){ margin-left: 1%;}
.index-timg:nth-child(10){ margin-right: 1%;}
.index_tit03{ font-size: 2em;}
.index_smtit03{ font-size:1em;}

.map .map_dian{ width: 100%; left: 0;}
.swiper-pagination>span{ width: 20px; margin-right: 6px;}

	
}
@media (min-width: 992px){
	.index-timg:nth-child(9),
	.index-timg:nth-child(10){ margin-left:0;}
	.index-titss_right{ float:left; }
	.container{padding-right: 80px; padding-left: 80px;}
	.list{ padding: 12px;}
	.list_tit{ font-size: 17px; margin-bottom: 6px;}
	.list_smtit{ font-size: 13px; margin-bottom: 15px;}
	.list_tudiv{ width:100%;}
	.footer>.container{padding-right: 15px; padding-left: 15px;}
}
@media (min-width: 1200px){
	.container{padding-right: 80px; padding-left: 80px;}
	.list{ padding:22px;}
	.footer>.container{padding-right: 15px; padding-left: 15px;}
	.index-titss_left{ font-size: 13px; }
	.index-titss_right{ font-size: 13px;}
	.index-titss_right{ margin-right: 6%;}
	.index_t40 { margin-bottom: 1%;}
}
@media (min-width:1400px){
	.index-timg:nth-child(6){ margin-left:0;}
	.index-timg:nth-child(8){ margin-right:1.25%;}
	.index-timg:nth-child(9){ margin-left:0;}
	.container{width:1370px;}
	.container{padding-right: 80px; padding-left: 80px;}
	.nav{ margin-left: 12%;}
	.nav a{ padding: 0 20px;}
	.footer>.container{padding-right: 15px; padding-left: 15px;}
}
@media (min-width:1600px){
	.container{width:1570px;}
	.container{padding-right: 80px; padding-left: 80px;}
	.footer>.container{padding-right: 15px; padding-left: 15px;}
}
@media (min-width:1800px){
	.container{width:1770px;}
	.container{padding-right: 80px; padding-left: 80px;}
	.footer>.container{padding-right: 15px; padding-left: 15px;}
}